<!--01-jQuery.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
    <!--  引入 jQuery  -->
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        // 通过原生的 JS 写 HTML页面加载完成之后执行代码，绑定button的点击事件
        window.onload = function () {
            var btn = document.getElementById("btn-01");
            btn.onclick = function () {
                alert("原生的 JS 处理点击事件");
            }
        }
        // jQuery 实现 处理单击事件
        $(function () {
            // 获取标签对象
            var $btn = $("#btn-02");
            $btn.click(function () {
                alert("jQuery 处理点击事件");
            })
        })

    </script>
</head>
<body>
    <button id="btn-01">点击一下看效果-js</button>
    <button id="btn-02">点击一下看效果-jQuery</button>
</body>
</html>